<template>
  <md-layout id="gallery-container" md-tag="ul" md-gutter="16" md-flex="100">
    <md-layout @click.native="TOOGLE_SWIPE(index)" class="gallery-preview-item preview-img" md-tag="li" md-flex="33" :key = "item.imgKey" v-for="(item, index) in galleryListData">
      <img v-lazy.gallery-container="item.src" alt="thumb">
    </md-layout>
  </md-layout>
</template>
<script>
import {mapMutations} from 'vuex'
export default {
  methods: {
    ...mapMutations([
      'TOOGLE_SWIPE'
    ])
  },
  props: ['galleryListData']
}
</script>
<style scoped>
 .gallery-preview-item {
    align-items: center;
 }
</style>
